<!DOCTYPE html>
<html>
<head>
    <title>LUI组件库</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="keywords" content=""/>
    <meta name="description" content="" />
    <link rel="icon" href="images/icon/lui.png">
    <link rel="stylesheet" type="text/css" href="css/lui.css" />
</head>
<body>
    <div class="ui_page_wrap">
        <header class="ui_page_hd"><a href="javascript:history.go(-1);" class="ui_back"></a>底栏菜单</header>
        <div class="ui_page_bd footer_space">
            <p class="ui_con_block">
                底部菜单，更方便切换。
            </p>            
        </div>
        <footer class="ui_page_ft top_pixel">
            <nav class="ui_tabBar">
                <a href="#" class="item active">
					<span class="ico_wrap"><img src="images/icon/lui.png" class="ui_tabBar_icon"></span>
                    <p>菜单1</p>
                    <i class="ui_badge_dot"></i>
                </a>
                <a href="#" class="item">
					<span class="ico_wrap"><img src="images/icon/lui.png" class="ui_tabBar_icon"></span>
                    <p>菜单2</p>
                    <i class="ui_badge">9</i>
                </a>
                <a href="#" class="item">
					<span class="ico_wrap"><img src="images/icon/lui.png" class="ui_tabBar_icon"></span>
                    <p>菜单3</p>
                </a>
                <a href="#" class="item">
                    <span class="ico_wrap"><img src="images/icon/lui.png" class="ui_tabBar_icon"></span>
                    <p>菜单4</p>
                </a>
            </nav>
        </footer>
    </div>
</body>
</html>